::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /* border: 1px solid #00D7CE; */
    background-color: #000;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #00D7CE;
}


body {
    font-size: 12px;
    color: #fff;
    background-color: #020517;
    background-image: url(../../static/img/big-bg.png);
    background-size: cover;
}

.main-content {
    width: 4224px;
    height: 1055px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 20px;

}

.main-content>div {
    float: left;

    box-sizing: border-box;
}

.main-left {
    width: 1291px;
    height: 1017px;
    /* border: 1px solid blue; */

}

.main-middle {
    position: relative;
    width: 1620px;
    height: 100%;
    /* border: 1px solid yellow; */
}

.main-right {
    width: 1291px;
    height: 1017px;
    /* border: 1px solid blue; */
}

.main-content .middle-box {
    position: relative;
    height: 1035px;
    border: 1px solid transparent;
}

.main-content .container-box {
    height: 1017px;
    /* border: 1px solid purple; */
    box-sizing: border-box;
    background: rgba(20, 98, 139, 0.11);
    border: 3px solid rgba(59, 147, 154, 1);
    box-shadow: 0px 0px 34px 2px rgba(0, 60, 129, 0.45);
    border-radius: 25px;
}

.container-box>h1 {
    margin: 18px 0;
    font-size: 28px;
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    font-weight: bold;
    letter-spacing: 3px;
    color: rgba(253, 188, 10, 1);
}

.small-title-box {
    margin: 10px;
}

.small-title-box>p {
    font-size: 20px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.small-title-box>p>span {
    width: 13px;
    height: 23px;
    display: inline-block;
}

.small-title-box>p {
    position: relative;
    height: 28px;
    margin: 0 auto;
    text-align: center;
}

.small-title-box>p>span:nth-child(1) {
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url(../../static/img/title-left.png);
    background-size: 100% 100%;
}

.small-title-box>p>span:nth-child(2) {
    position: absolute;
    top: 3px;
    right: 0;
    background-image: url(../../static/img/title-right.png);
    background-size: 100% 100%;
}

hr {
    background-color: gray;
    width: 96%;
    height: 1px;
    margin: 5px 2%;
}

#unitStatistics,
#indexEntry,
#overdueSituation,
#indicatorUnit {
    width: 100%;
    height: 220px;
}

#warningNumber,
#overdueAdvanced,
#overdueProject,
#unitWarning,
#noStandard,
#warningTotal {
    width: 100%;
    height: 283px;
    /*      */
}

#pointsSituation {
    width: 100%;
    height: 340px;
    /*      */
}

.sel-container select,
.sel-container .small-legend {
    float: right;
    margin-right: 25px;
}

.small-legend {
    font-size: 12px;

}

.small-legend>span {
    display: inline-block;
    vertical-align: middle;
    background-color: #818990;
    border-radius: 50px;
}

.small-legend>span:nth-child(1) {
    width: 23px;
    height: 23px;
}

.small-legend>span:nth-child(2) {
    width: 6px;
    height: 6px;
}

.sel-container select {
    width: 155px;
    height: 25px;
    background: rgba(7, 34, 54, 1);
    border: 1px solid rgba(31, 142, 147, 1);
    border-radius: 11px;
    padding-left: 50px;

}

.indicators-name {
    width: 132px;
    position: absolute;
    top: 85px;
    left: 6px;
    font-size: 14px;
    /*      */
}

#scatter {
    width: 100%;
    height: 200px;
    /*      */
}

/* 中间地图部分 */
.middle-box .big-title {
    position: absolute;
    top: -21px;
    left: 21.5%;
    width: 937px;
    height: 71px;

    background-image: url(../../static/img/big-title.png);
    background-size: 100% 100%;
    text-align: center;
}

.middle-box .big-title>h1 {
    line-height: 55px;
    font-size: 28px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    letter-spacing: 5px;
}

.icon-warning {
    width: 100%;
    height: 80px;
    margin-top: 53px;
    text-align: center;

}

.icon-warning li {
    width: 176px;
    margin: 0 15px;
    display: inline-block;
}

.icon-warning li>.pull-left {
    width: 67px;
    height: 67px;
    background-size: 100% 100%;

}

.icon-warning li>.pull-right {
    width: 105px;
}

.icon-warning .pull-right p {
    font-size: 18px;
}

.icon-warning .pull-right em {
    font-size: 36px;
    color: #FFB400;
}

.icon-warning li:nth-child(1)>.pull-left {
    background-image: url(../../static/img/warning-0.png);
}

.icon-warning li:nth-child(2)>.pull-left {
    background-image: url(../../static/img/warning-1.png);
}


.icon-warning li:nth-child(3)>.pull-left {
    background-image: url(../../static/img/warning-2.png);
}


.icon-warning li:nth-child(4)>.pull-left {
    background-image: url(../../static/img/warning-3.png);
}

.icon-warning li:nth-child(5)>.pull-left {
    background-image: url(../../static/img/warning-4.png);
}

/* 文字轮播 */
.notice_active_ch p {
    display: inline-block !important;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background-image: url(../../static/img/warn-icon.png);
    background-size: 100% 100%;
}

.notice_active_ch>.row:nth-child(1) {
    font-size: 20px;
}

.notice_active_ch>.row:nth-child(2) {
    font-size: 16px;
}

.notice_active_ch>.row>.col-xs-6:nth-child(1) {
    text-align: left;
}

.notice_active_ch>.row>.col-xs-6:nth-child(2) {
    text-align: center;
}

.notice_active_ch .row .leaders {
    text-align: center !important;
}



.notice_active ul {
    width: 750px;
}

.notice_active li {
    width: 750px;
}

.real-time-warning {
    position: absolute;
    top: 26px;
    left: 86px;
    width: 33px;
    height: 185px;
    padding: 0 5px;
    background-image: url(../../static/img/real-warning.png);
    background-size: 100% 100%;
    font-size: 22px;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.bottom-warning {
    position: absolute;
    bottom: 0;
    bottom: -4px;
    left: 23%;

}

/* 地图 */
.middle-map {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 990px;
    z-index: -1;
    background-image: url(../../static/img/mp-bg.png);
    background-size: 100% 100%;
}

/* 旋转圆动画 */
.rotate-circle {
    position: absolute;
    top: 110px;
    left: 388px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    /* overflow: hidden; */
    background-image: url(../../static/img/circle-bg.png);
    background-size: cover;
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}


.middle-box .left-towns {
    position: absolute;
    top: 27px;
    left: 7px;
    width: 100px;
}

.middle-box .left-towns>li {
    width: 100px;
    height: 75px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.middle-box .left-towns p,
.middle-box .right-towns p {
    font-size: 20px;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
}

.middle-box .left-towns p:nth-child(1) {
    margin: 6px 0;
}

.middle-box .left-towns p>em,
.middle-box .right-towns p>em {
    font-size: 22px;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    color: #FFB400;
}


/* ==-=---- */
.middle-box .right-towns {
    position: absolute;
    top: 85px;
    right: 7px;
    width: 100px;

}

.middle-box .right-towns p:nth-child(1) {
    margin: 7px 0;
}

.middle-box .right-towns>li {
    width: 100px;
    height: 75px;
    float: left;
    text-align: center;
    margin-bottom: 17px;
}